@import "./local-bootstrap.scss";

html,
body {
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 100vh;
  width: 100vw;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  list-style: 0;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}

/*正文*/
.t_container {
  min-width: 1360px;
  background: url("../img/true.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  min-height: 756px;
}
.t_header {
  width: 100%;
  height: 80px;
  background: url("../img/linx.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.t_header span {
  color: #fff;
  font-size: 2.23rem;
  position: absolute;
  top: 50%;
  margin-top: -1.49rem;
  left: 9%;
}
.t_main {
  width: 100%;
  height: 54.14rem;
  padding-top: 1.24rem;
  padding-left: 1.24rem;
  padding-right: 1.24rem;
  margin-bottom: 0;
  position: relative;
}
.t_left_box {
  width: 20.81rem;
  height: 28.5rem;
  display: inline-block;
  text-align: center;
  position: relative;
  left: 0;
}
.t_l_line {
  position: absolute;
  top: 0;
  left: 0;
}
.t_r_line {
  position: absolute;
  bottom: 0;
  right: 0;
}
.t_center_box {
  position: relative;
  width: 42.25rem;
  display: inline-block;
  left: 1.4rem;
  min-width: 490px;
}
.t_top_box {
  width: 100%;
  height: 7rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.24rem;
}
.t_bottom_box {
  width: 100%;
  height: 19.64rem;
  overflow: hidden;
  position: relative;
}
.t_right_box {
  display: inline-block;
  width: 48.32rem;
  height: 28.5rem;
  right: 1.24rem;
  position: absolute;
  min-width: 560px;
}
.b_left_box {
  display: inline-block;
  width: 36.55rem;
  height: 22.3rem;
  position: absolute;
  bottom: 1.24rem;
  left: 1.24rem;
  min-width: 425px;
}
.b_center_box {
  display: inline-block;
  width: 37.17rem;
  height: 22.3rem;
  position: absolute;
  min-width: 432px;
  bottom: 1.24rem;
  left: 40rem;
}
.b_right_box {
  display: inline-block;
  width: 37.17rem;
  height: 22.3rem;
  position: absolute;
  min-width: 432px;
  right: 1.24rem;
  bottom: 1.24rem;
}
.t_mbox {
  width: 18.58rem;
  height: 7.93rem;
  position: relative;
  margin: 0 auto;
  margin-top: 1.24rem;
}
.t_rbox {
  background: #d9523f;
}
.t_gbox {
  background: #13d0b2;
}
.t_ybox {
  background: #f6a645;
}
.t_mbox i {
  display: inline-block;
  width: 2.85rem;
  height: 2.97rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20%;
  margin: auto;
}
.t_mbox h2 {
  font-size: 1.73rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.t_mbox span {
  font-size: 1.24rem;
  color: #fff;
  position: absolute;
  top: 24%;
  left: 48%;
}
.t_rbox i {
  background: url(../img/exception.png) no-repeat;
  background-size: 100% 100%;
}
.t_gbox i {
  background: url(../img/notification.png) no-repeat;
  background-size: 100% 100%;
}
.t_ybox i {
  background: url(../img/warning.png) no-repeat;
  background-size: 100% 100%;
}
.t_nav {
  width: 100%;
  height: 100%;
}
.t_nav li {
  display: inline-block;
  width: 30%;
  height: 100%;
  text-align: center;
  position: relative;
}
.t_nav li span {
  font-size: 0.99rem;
  color: #1aa1fd;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 25%;
}
.t_nav li h1 {
  font-size: 1.86rem;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
}
.t_nav li i {
  width: 1px;
  height: 100%;
  position: absolute;
  right: -1.24rem;
  background: url("../img/sper.png") no-repeat;
  background-size: 100% 100%;
}
.t_table {
  font-size: 0.99rem;
  color: #fff;
  width: 94%;
  margin: 0 auto;
  border-spacing: 0;
  text-align: center;
  box-sizing: border-box;
  margin-top: 12%;
}
.t_table tr {
  margin: 0;
  padding: 0;
  height: 2.6rem;
}
.t_table thead tr {
  background: #053a98;
}
.t_table tbody tr td:first-child {
  border-left: 1px solid #053a98;
}
.t_table td {
  border-bottom: 1px solid #053a98;
  border-right: 1px solid #053a98;
}
.t_title {
  position: absolute;
  font-size: 1.12rem;
  color: #fff;
  left: 5%;
  top: 10%;
}
.t_b_m img {
  position: absolute;
  left: 52%;
  top: 22%;
  border-top: 1px dotted #f0ff00;
  padding: 0 1.12rem;
  padding-top: 20px;
  width: 19.76rem;
  height: 10.35rem;
}
.t_b_box,
.t_b_box1,
.t_b_box2,
.t_b_box3 {
  width: 8.05rem;
  height: 3.47rem;
  border: 1px dotted #f0ff00;
  border-radius: 5px;
  position: absolute;
}
.t_b_box {
  top: 68%;
  left: 56%;
}
.t_b_box span,
.t_b_box1 span,
.t_b_box2 span,
.t_b_box3 span {
  font-size: 0.87rem;
  color: #fff;
  position: absolute;
  left: 10%;
}
.t_b_box i,
.t_b_box1 i,
.t_b_box2 i,
.t_b_box3 i {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 15%;
}
.t_b_box i {
  background: url("../img/t.png") no-repeat;
  background-size: 100% 100%;
}
.t_b_box1 i {
  background: url("../img/s.png") no-repeat;
  background-size: 100% 100%;
}
.t_b_box2 i {
  background: url("../img/j.png") no-repeat;
  background-size: 100% 100%;
}
.t_b_box3 i {
  background: url("../img/g.png") no-repeat;
  background-size: 100% 100%;
}
.t_b_box h2,
.t_b_box1 h2,
.t_b_box2 h2,
.t_b_box3 h2 {
  font-size: 1.12rem;
  color: #fff;
  position: absolute;
  top: 30%;
  left: 40%;
}
.t_b_box1 {
  top: 68%;
  left: 78%;
}
.t_b_box2 {
  top: 84%;
  left: 56%;
}
.t_b_box3 {
  top: 84%;
  left: 78%;
}
.device-img {
  width: 100%;
  height: 22.3rem;
  background: url(../img/pulping-machine.png) no-repeat;
  background-size: auto 90%;
  background-position: center top;
}
